<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/slide.css" rel="stylesheet" type="text/css" />

</head>

<body >
<div id="all"><!-- start #all //-->
<div id="main" class="clearfix"><!-- start #main //-->
<script src="js/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$(".hoverFeature ,.hoverColumn,.hoverNews,.hoverEvent , .hoverRss").css("opacity","0");
		$(".hoverFeature ,.hoverColumn,.hoverNews,.hoverEvent , .hoverRss").hover(function () {
			$(this).stop().animate({
				opacity: 1
			}, "fast");
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, "fast");
		});
		});
	</script>
<div id="top">
<div id="top1"></div>
<div id="top2"><!-- start #top2 //-->
<div id="top2l">
<img src="images/main-btn_01.gif" width="20" height="66" alt="">
<a href="index.php"><img src="images/main-btn_02.gif" width="239" height="66" alt=""></a>
</div>
<div id="top2r"><!-- start #top2r //-->
<div id="top2r-1">
<img src="images/main-btn_07.gif" width="8" height="22" alt="">
<p><input name="" type="text" class="top2r-1-ser" value="enter keyword here" /></p>
<a href="#"><img src="images/main-btn_09.gif" width="26" height="22" alt=""></a>
</div >
<ul class="nav">
                <li class="space1"></li>
                <li class="space2"></li>
				<li class="feature"><a href="feature.php">主題 Feature <div class="hoverFeature"></div></a></li>
                <li class="space3"></li>
				<li class="column"><a href="column.php">專欄 Column <div class="hoverColumn"></div></a></li>
                <li class="space3"></li>
				<li class="news"><a href="news.php">新聞 News <div class="hoverNews"></div></a></li>
                <li class="space3"></li>
				<li class="event"><a href="event.php">活動 Event<div class="hoverEvent"></div></a></li>
                <li class="space3"></li>
                <li class="rss"><a href="#">Rss訂閱<div class="hoverRss"></div></a></li>
			</ul>
</div><!-- end #top2r //-->
</div><!-- end #top2 //-->
<div id="top3"></div>
</div>
<div id="ad-b">
<script type="text/javascript" src="js/jquery.cycle.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<div id="slideshow" class="clearfix">

		<div class="slides clearfix">

			<ul class="clearfix">

<li id="main-post-1">
<div >
<img src="upfiles/test-i-1.jpg"   />
</div>
</li>
<li id="main-post-2">
<div >
<img src="upfiles/test-i-2.jpg"   />
</div>
<li id="main-post-3">
<div >
<img src="upfiles/test-i-3.jpg"   />
</div>				
<li id="main-post-4">
<div >
<img src="upfiles/test-i-4.jpg"   />
</div>
<li id="main-post-5">
<div >
<img src="upfiles/test-i-5.jpg"   />
</div>
</li>
<li id="main-post-6">
<div >
<img src="upfiles/test-i-6.jpg"  />
</div>
</li>
</ul>
</div>		
<div>


	<ul class="slides-nav">
			<li class="on clearfix" id="nav-post-1">
				<a href="#main-post-1" >	  </a>
	        </li>
			<li id="nav-post-2" class="clearfix">
				<a href="#main-post-2"> </a>
			</li>
			<li id="nav-post-3" class="clearfix">
				<a href="#main-post-3" "> </a>
			</li>
            <li id="nav-post-4" class="clearfix">
				<a href="#main-post-4" > </a>
			</li>
            <li id="nav-post-5" class="clearfix">
				<a href="#main-post-5" > </a>
			</li>
            <li id="nav-post-6" class="clearfix">
				<a href="#main-post-6" > </a>
		  </li>
</ul>					
		
		
</div>		
		
		

	</div>
</div>

</div><!-- end #main //-->
</div><!-- end #all //-->

<?php include_once('down.php');?>
</body>
</html>